<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="author" content="wangbo">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小测试</title>
</head>

<body>
    <!-- <p id="myp" class="pc" style="background-color: yellow;color: red;">
       渲染出来的时候字母变成大写
        请将react变成大写的字母
    </p> -->
    <div id="app" ></div>
    <!-- 顺序有要求 -->
    <script type="text/javascript" src="../js/react.development.js"></script>
    <!-- dom依赖于react.development.js -->
    <script type="text/javascript" src="../js/react-dom.development.js"></script>
    <script type="text/javascript">  
        const myp =  React.createElement('p',{id:'myp',className:'pc',style:{backgroundColor:'yellow',color:'red'}},"");
        // toUpperCase 将字母变成大写
        ReactDOM.render(myp,document.getElementById("app"))
    </script>
</body>

</html>